import { Row, Col } from 'antd'

import PC from '@/components/reposive/pc'
import Mobile from '@/components/reposive/mobile'

import LeftPC from './left-pc'
import ImagePc from './image-pc'
import '@/styles/common.css'

const BigContent = () => {
  const size1 = 16
  const size2 = 6
  const size3 = 22

  return (
    <>
      <Row>
        <Col
          xs={{ span: size3, order: 1 }}
          sm={{ span: size3, order: 1 }}
          md={{ span: size3, order: 1 }}
          lg={{ span: size1, order: 0 }}
          xl={{ span: size1, order: 0 }}
        >
          <LeftPC />
        </Col>
        <Col
          xs={{ span: size3, order: 0 }}
          sm={{ span: size3, order: 0 }}
          md={{ span: size3, order: 0 }}
          lg={{ span: size2, order: 1 }}
          xl={{ span: size2, order: 1 }}
        >
          <ImagePc />
        </Col>
      </Row>
    </>
  )
}

export default BigContent
